<template>
  <div class="header">
    <Navmenu/>
    <NavmenuNext/> 
  </div>
</template>

<script>
// @ is an alias to /src
import Navmenu from './Navmenu.vue'
import NavmenuNext from './NavmenuNext.vue'
export default {
  name: 'Header',
  components: {
    Navmenu,
    NavmenuNext
  }
}
</script>
<style lang="stylus" scoped>
.header
  position absolute
  top 0
  width 100%
  display flex
  flex-wrap wrap
  z-index 99
  background-color rgba(51,51,51,0)
.header:hover
  background-color rgba(36,36,36,1)
  .el-menu-item:hover
      color #00c1de !important
</style>